<template>
  <div class="footer">
    <el-button @click="cancelHandler">取消</el-button>
    <el-button type="primary" @click="okHandler">确定
    </el-button>
  </div>
</template>

<script>
export default {
  methods:{
    cancelHandler(){
      this.$emit('cancelHandler')
    },
    okHandler(){
      this.$emit('okHandler')
    }
  }
}
</script>

<style lang="scss" scoped>
.footer{
  width: 100%;
  text-align: center;
  .el-button{
    width: 110px;
    height: 30px;
    margin: 0 15px;
  }
}
</style>